<template>
  <div>
    child3组件 - {{ count }} - <button @click="add(2)">btn</button> -
    <button @click="add(3)">btn2</button> -
    <button @click="decrement">btn3</button>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
// import { INCREMENT } from "../store/mutation-types";
export default {
  computed: mapState(["count"]),
  // methods: {
  // add(num) {
  //   // this.$store.commit("increment", { num });
  //   // 完全等价于
  //   this.$store.commit({
  //     type: "increment",
  //     num,
  //   });
  // },
  // minus() {
  //   this.$store.commit("decrement");
  // },
  // },
  methods: {
    //todo 将仓库的increment方法映射成为组件的increment方法
    ...mapMutations(["increment", "decrement"]),
    add(n) {
      this.increment({ num: n });
    },
    // minus() {
    //   this.decrement();
    // },
  },
};
</script>
